<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="css/style.css">
    <script src='js/func.js'></script>
    <script src="js/jquery.min.js" ></script>
    <title>登录首页</title>
</head>
<body>
    <section>
        <!-- 背景颜色 -->
        <div class="color"></div>
        <div class="color"></div>
        <div class="color"></div>
        <div class="box">
            <!-- 背景圆 -->
            <div class="circle" style="--x:0"></div>
            <div class="circle" style="--x:1"></div>
            <div class="circle" style="--x:2"></div>
            <div class="circle" style="--x:3"></div>
            <div class="circle" style="--x:4"></div>
            <!-- 登录框 -->
            <div class="container">
                <div class="form">
                    <h2>登录</h2>
                    <form method="post" action="user/login">
                        <div class="inputBox">
                            <input type="text" name="username" placeholder="姓名">

                        </div>
                        <div class="inputBox">
                            <input type="password" name="pwd" placeholder="密码">

                        </div>
                        <div class="inputBox">
                            <input type="submit" value="登录">

                        </div>
                        <div align="center" class="inputBox">
                            <!--            button是通过元素文本内容来添加按钮信息的-->
                            <button type="button" onclick="ajaxlogin()">ajax登录</button>
                        </div>
                        <p class="forget">忘记密码?<a href="#">
                                点击这里
                            </a></p>
                        <p class="forget">没有账户?<a href="#">
                                注册
                            </a></p>
                    </form>
                </div>
            </div>
        </div>
    </section>
</body>

</html>